<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>西瓜二手车电子商务</title>
    <link type="text/css" href="css/buy_details.css" rel="stylesheet"/>
    <link type="text/css" href="css/buy_details_DB_gallery.css" rel="stylesheet"/>
    <link type="text/css" href="css/common.css" rel="stylesheet"/>
    <link type="text/css" href="css/reset.css" rel="stylesheet"/>
    <link type="text/css" href="theme-chalk/index.css" rel="stylesheet"/>
    <link type="text/css" href="css/esc.css" rel="stylesheet"/>
    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script><!--必须得放在第一的位置-->
    <!--    <script type="text/javascript" src="js/buy_details.js"></script>-->
    <!--    <script type="text/javascript" src="js/buy_details_DB_gallery.js"></script>-->
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/axios.js"></script>
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript" src="js/esc.js"></script>
    <script src="js/element-ui-index.js"></script>
</head>

<body>
<div id="app">
    <div class="index">
        <myframe>

            <div class="buy_content width_1200_center over_hidden">
                <div class="content_position">您当前的位置：<a href="javascript:">首页</a><span>&gt;</span><a href="javascript:">买车</a><span>&gt;</span><a
                        href="javascript:">广西二手车</a></div>
                <div class="buy_content_details width_1200_center background5">
                    <div class="details_top over_hidden">
                        <div class="top_left fl">
                            <div id="DB_gallery">
                                <div class="DB_imgSet">
                                    <div class="DB_imgWin"><img :src="det.image" style="width: 100%" height="100%">
                                    </div>

                                </div>

                            </div>
                        </div>
                        <!--左完-->
                        <div class="top_right fr">
                            <div class="right_">
                                <div class="right_top">
                                    <h1 title="">{{det.carName}}</h1>
                                </div>
                                <div class="right_content">
                                    <div class="con_top">
                                        <span class="span11">车主报价：</span><span class="span21">¥<span class="span1">{{det.oldPrice}}万</span></span><span
                                            class="span22">&nbsp;新车价(含税)<span
                                            class="span2">{{det.newPrice}}万</span>,省<span class="span3">{{det.newPrice-det.oldPrice}}万</span></span>
                                    </div>
                                    <div class="con_cen">
                                        分期付款：首期款<span class="span1">{{det.oldPrice * 0.3}}万</span>，月供<span
                                            class="span2">{{det.oldPrice * 0.7 / 0.0024}}元</span>，<em class="em1">详情请咨询客服或到4s店了解</em>
                                    </div>
                                    <div class="con_bot">
                                        服 务 费：<span class="span1">{{det.oldPrice * 300}}元（车价x3%），送1年2万公里质保</span>
                                    </div>
                                </div>
                                <div class="right_list over_hidden">
                                    <ul>
                                        <li class="li1"><span class="span1">{{det.date}}</span><br/>上牌时间</li>
                                        <li class="li2"><span class="span1">{{det.traveled}}万公里</span><br/>里程</li>
                                        <li><span class="span1">{{det.disp}}</span><br/>排量</li>
                                        <li><span class="span1">{{det.emission}}</span><br/>排放标准</li>

                                    </ul>
                                </div>
                                <div class="right_look"><img src="images/index_guide_shop1.png"/>&nbsp;&nbsp;<span
                                        class="span1">预约看车电话：</span><span class="span2">18877829596</span></div>

                                <div class="right_buy">
                                    <div class="buy_mun over_hidden">
                                        <div class="mun fl">数量：</div>
                                        <div class="con_num1 fl over_hidden">
                                            <div class="left fl"><a href="javascript:void(0)">-</a></div>
                                            <div class="center fl"><input class="center1 change_car_va" type="text"
                                                                          value="1" placeholder="1"/></div>
                                            <div class="right change_car fl"><a href="javascript:void(0)">+</a></div>
                                        </div>
                                        <div class="mun_m fl">&nbsp;件(库存1件)</div>
                                    </div>
                                    <div class="buy_b over_hidden">
                                        <div class="buy_1 fl" @click.prevent="paycar"><a href="">购买二手车</a></div>
                                        <div @click.prevent="op1" class="buy_2 fl"><a href="">加入购物车</a></div>
<!--                                        <div class="buy_3 fl"><a :href="'user_home_favorite.html?uid='+ user.uid">收藏二手车</a></div>-->
                                        <div class="buy_3 fl" @click.prevent="op2"><a>收藏二手车</a></div>
                                        <!--                 <div class="buy_3 fl"><a href="javascript:void(0)">留言</a></div>-->
                                        <button @click="showCommentBox">留言</button>
                                        <div v-show="isShowCommentBox" class="liuyan_zhu">
                                            <div class="liuyan_yangshi">
                                                <p>评论列表:</p>
                                                <div class="liuyan_kuang">
                                                    <div>
                                                        <img class="img_yanshi" :src="user.image" alt=""/>
                                                        <textarea v-model="commentText"
                                                                  class="liuyan_pinlun"></textarea>
                                                    </div>
                                                    <button @click="submitComment" class="fr">提交</button>
                                                </div>
                                                <div>
                                                    <ul>
                                                        <li v-for="mes,i in message">
                                                            <div class="liuyan_kuang">
                                                                <div class="fl">
                                                                    <img class="img_yanshi" :src="mes.user.image"
                                                                         alt=""/>
                                                                </div>
                                                                <div class="">
                                                                    <div style="height: 50%">
                                                                        <p class="fl">{{mes.user.username}}</p>
                                                                        <p class="fl">{{mes.time}}</p>
                                                                        <div class="liuyan_shanchu fr">
                                                                            <span @click.prevent="op(i)">删除</span>
<!--                                                                            <span>回复</span>-->
                                                                        </div>
                                                                    </div>
                                                                    <div style="overflow-wrap: anywhere; clear: both">
                                                                        {{mes.content}}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="buy_txt">承诺：专业检测师团队，专业购车顾问陪您看车，担心买到问题车？14天可退，西瓜二手车提供兜底保障</div>

                                </div>
                            </div>
                        </div>
                        <!--右完-->
                    </div>
                    <!--top完-->
                    <div class="hr_15"></div>
                    <div class="details_center over_hidden">
                        <div class="center_left fl">
                            <h1>检测结果</h1>
                            <div class="left_cen">
                                经检测，该车覆盖件有做漆、钣金痕迹，底盘无异响。发动机正常。内饰整洁，无异味。变速箱正常，无怠速抖动，转向无乏力感。车辆骨架完好，排除事故车。
                            </div>
                            <h2>事故排查</h2>
                            <div class="left_a line_hei"><span class="span1">排除重大碰撞（共18项）<i></i></span><span
                                    class="span2">排除泡水（共8项）<i></i></span><span class="span3">排除火烧（共2项）<i></i></span>
                            </div>
                            <h2>外观内饰检测</h2>
                            <div class="left_b line_hei"><span class="span1">外观修复检查（共51项）<i></i></span><span
                                    class="span2">外观缺陷检查（共34项）<i></i></span><span
                                    class="span3">内饰缺陷检查（共29项）<i></i></span></div>
                            <h2>系统设备检测</h2>
                            <div class="left_c line_hei"><span class="span1">安全及指示灯检测（共11项）<i></i></span><span
                                    class="span2">刹车及发动机舱检测（共12项）<i></i></span><span
                                    class="span3">电子设备及其他检测（共14项）<i></i></span></div>
                            <h2>驾驶检测</h2>
                            <div class="left_d line_hei"><span class="span1">启动与起步（共5项）<i></i></span><span
                                    class="span2">加速与行驶（共8项）<i></i></span><span class="span3">减速与制动（共4项）<i></i></span>
                            </div>

                        </div>

                    </div>
                    <!--中间完-->
                    <div class="hr_10"></div>
                    <div class="details_content_top over_hidden">
                        <a href="#info">
                            <div class="top_cart top_info fl">基本信息</div>
                        </a>
                        <a href="#pic">
                            <div class="top_cart top_pic fl">车辆图片</div>
                        </a>
                        <a href="#report">
                            <div class="top_cart top_report fl">检测报告</div>
                        </a>
                        <a href="#parameter">
                            <div class="top_cart top_parameter fl">配置参数</div>
                        </a>
                        <div v-if="det.user==null">
                            <div class="top_all fr"><a href=""><span class="span1">看车电话：</span><span class="span2">17136496523</span></a>
                            </div>
                        </div>
                        <div v-else>
                            <div class="top_all fr"><a href=""><span class="span1">看车电话：</span><span class="span2">{{det.user.phone}}</span></a>
                            </div>
                        </div>
                    </div>

                    <!--<a name="info">&nbsp;</a>-->
                    <div class="hr_5 top_info_a" id="info"></div>
                    <div class="details_content_cen">
                        <h2>基本信息</h2>
                        <div class="cen_top over_hidden">
                            <div v-if="det.user==null">
                                <div class="top_a line_hei fl">车主：<span class="span1">某某</span><i>|</i><span
                                        class="span2">个体</span></div>
                            </div>
                            <div v-else>
                                <div class="top_a line_hei fl">车主：<span
                                        class="span1">{{det.user.username}}</span><i>|</i><span class="span2">个体</span>
                                </div>
                            </div>
                            <div class="top_b line_hei fl">年检到期：<span class="span1">2018-9</span></div>
                            <div class="top_c line_hei fl">交强险到期：<span class="span1">2017-9</span></div>
                            <div class="top_d line_hei fl">商业险到期：<span class="span1">已过期</span></div>
                            <div class="top_e line_hei fl">过户次数：<span class="span1">0</span></div>
                        </div>
                        <p><img src="images/index_guide_shop.png"/></p>
                        <div class="cen_cen">
                            {{det.introduction}}
                        </div>
                    </div>
                    <div class="hr_5 top_pic_a" id="pic"></div>
                    <div class="details_content_pic">
                        <div class="pic_h2"><h2>车辆图片</h2></div>
                        <div class="hr_5"></div>
                        <div class="pic_con over_hidden">


                            <div class="con_pic fl"><img :src="det.image" width="580" height="360"/></div>

                        </div>
                    </div>
                    <div class="hr_5 top_report_a" id="report"></div>
                    <div class="details_content_report">
                        <div class="report_h2"><h2><a name="report">检测报告</a></h2></div>
                        <div class="hr_5"></div>
                        <div class="report_con over_hidden">
                            <div class="top_b line_hei fl">检测时间：<span class="span1">2016-10-30</span></div>
                            <div class="top_c line_hei fl">检测车型：<span class="span1">日产阳光 2012款 阳光 1.5 手动 XE 舒适版</span>
                            </div>
                            <div class="top_d line_hei fl">检测师：<span class="span1">许绍协</span></div>
                        </div>
                    </div>
                    <div class="details_content_report1">
                        <div class="report1_top over_hidden">
                            <div class="top_a line_hei fl">
                                <h3>（排除重大碰撞）</h3>
                                <table width="350" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="250">检查项</th>
                                        <th width="100">结果</th>
                                    </tr>
                                    <tr>
                                        <td>左A柱</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>右A柱</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>左B柱</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>右B柱</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>左C柱</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>右C柱</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>左前纵梁</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>右前纵梁</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>左后纵梁</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>右后纵梁</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>左前减震器悬挂部位</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>右前减震器悬挂部位</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>左后减震器悬挂部位</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>右后减震器悬挂部位</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>车身底板</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>后备箱底板</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>防火墙</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>车身左右对称性</td>
                                        <td><i></i></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="top_b line_hei fl">
                                <h3>（排除泡水）</h3>
                                <table width="400" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="300">检查项</th>
                                        <th width="100">结果</th>
                                    </tr>
                                    <tr>
                                        <td>发动机线束及橡胶制品</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>座椅滑轨内</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>安全带底部</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>音响喇叭底部</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>后备箱边角及备胎槽</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>后排座椅坐垫底部</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>全车地胶地毯</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>烟灰缸底座</td>
                                        <td><i></i></td>
                                    </tr>
                                    </tbody>
                                </table>
                                <h3>（排除火烧）</h3>
                                <table width="400" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="300">检查项</th>
                                        <th width="100">结果</th>
                                    </tr>
                                    <tr>
                                        <td>发动机线束及橡胶制品</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>车辆覆盖件及驾驶舱</td>
                                        <td><i></i></td>
                                    </tr>
                                    </tbody>
                                </table>
                                <h3>（安全系统检测）</h3>
                                <table width="400" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="300">检查项</th>
                                        <th width="100">结果</th>
                                    </tr>
                                    <tr>
                                        <td>变速箱系统警示灯</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>制动系统警示灯</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>安全气囊系统</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>发动机系统警示灯</td>
                                        <td><i></i></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="top_b line_hei fl">
                                <h3>（电子设备检测）</h3>
                                <table width="410" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="310">检查项</th>
                                        <th width="100">结果</th>
                                    </tr>
                                    <tr>
                                        <td>车内中控锁</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>遥控钥匙</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>后视镜电动调节</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>倒车影像系统</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>儿童安全座椅接口</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>前排侧气囊</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>驾驶座安全气囊</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>前电动车窗</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>大灯高度可调</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>后雨刷</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>前雾灯</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>GPS导航</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>防抱死系统(ABS)</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>副驾驶安全气囊</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>车身稳定系统(ESP)</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>后电动车窗</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>手动空调</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>电动天窗</td>
                                        <td><i></i></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="hr_5"></div>
                    <div class="details_content_report1">
                        <div class="report1_top over_hidden">
                            <div class="top_a line_hei fl">
                                <h3>（刹车及发动机舱检测）</h3>
                                <table width="350" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="250">检查项</th>
                                        <th width="100">结果</th>
                                    </tr>
                                    <tr>
                                        <td>气门室罩盖</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>机油液面</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>制动油壶（液面）</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>变速箱底壳</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>水箱</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>发动机油底壳</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>助力油壶（液面）</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>防冻液液面</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>转向助力泵</td>
                                        <td><i></i></td>
                                    </tr>
                                    </tbody>
                                </table>
                                <h3>（玻璃项检测）</h3>
                                <table width="350" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="250">检查项</th>
                                        <th width="100">结果</th>
                                    </tr>
                                    <tr>
                                        <td>后挡风玻璃</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>其他玻璃</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>右后门玻璃</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>右前门玻璃</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>左后门玻璃</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>前挡风玻璃</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>左前门玻璃</td>
                                        <td><i></i></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="top_b line_hei fl">
                                <h3>（指示灯系统检测）</h3>
                                <table width="400" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="300">检查项</th>
                                        <th width="100">结果</th>
                                    </tr>
                                    <tr>
                                        <td>近光灯</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>刹车灯</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>后转向灯</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>室内顶灯</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>远光灯</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>后雾灯</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>前雾灯</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>倒车灯</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>前转向灯</td>
                                        <td><i></i></td>
                                    </tr>
                                    </tbody>
                                </table>
                                <h3>（轮胎检测）</h3>
                                <table width="400" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="300">检查项</th>
                                        <th width="100">结果</th>
                                    </tr>
                                    <tr>
                                        <td>左前轮花纹深度</td>
                                        <td>5mm</td>
                                    </tr>
                                    <tr>
                                        <td>右前轮花纹深度</td>
                                        <td>5mm</td>
                                    </tr>
                                    <tr>
                                        <td>同轴花纹一致</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>左后轮花纹深度</td>
                                        <td>5mm</td>
                                    </tr>
                                    <tr>
                                        <td>右后轮花纹深度</td>
                                        <td>5mm</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="top_b line_hei fl">
                                <h3>（底盘悬挂项检测）</h3>
                                <table width="410" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="310">检查项</th>
                                        <th width="100">结果</th>
                                    </tr>
                                    <tr>
                                        <td>右后减震器</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>左前减震器</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>右前减震器</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>消音器（尾段）</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>左后减震器</td>
                                        <td><i></i></td>
                                    </tr>
                                    </tbody>
                                </table>
                                <h3>（随车工具检测）</h3>
                                <table width="410" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="310">检查项</th>
                                        <th width="100">结果</th>
                                    </tr>
                                    <tr>
                                        <td>维修工具包</td>
                                        <td>无</td>
                                    </tr>
                                    <tr>
                                        <td>千斤顶</td>
                                        <td>无</td>
                                    </tr>
                                    <tr>
                                        <td>灭火器</td>
                                        <td>无</td>
                                    </tr>
                                    <tr>
                                        <td>备胎</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>三角警示标</td>
                                        <td>无</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="hr_5"></div>
                    <div class="details_content_report1">
                        <h3>（驾驶检测）</h3>
                        <div class="report1_top over_hidden">
                            <div class="top_a line_hei fl">
                                <table width="350" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="350" colspan="2">启动</th>
                                    </tr>
                                    <tr class="tr">
                                        <th width="250">检查项</th>
                                        <th width="100">结果</th>
                                    </tr>
                                    <tr>
                                        <td>发动机</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>制动系统</td>
                                        <td><i></i></td>
                                    </tr>
                                    </tbody>
                                </table>
                                <div class="hr_5"></div>
                                <table width="350" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="350" colspan="2">匀速行驶</th>
                                    </tr>
                                    <tr class="tr">
                                        <th width="250">检查项</th>
                                        <th width="100">结果</th>
                                    </tr>
                                    <tr>
                                        <td>发动机</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>变速箱</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>悬挂系统</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>转向系统</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>制动系统</td>
                                        <td><i></i></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="top_b line_hei fl">
                                <table width="400" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="400" colspan="2">起步</th>
                                    </tr>
                                    <tr class="tr">
                                        <th width="300">检查项</th>
                                        <th width="100">结果</th>
                                    </tr>
                                    <tr>
                                        <td>发动机</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>变速箱</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>悬挂系统</td>
                                        <td><i></i></td>
                                    </tr>
                                    </tbody>
                                </table>
                                <div class="hr_5"></div>
                                <table width="400" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="400" colspan="2">减速与制动</th>
                                    </tr>
                                    <tr class="tr">
                                        <th width="300">检查项</th>
                                        <th width="100">结果</th>
                                    </tr>
                                    <tr>
                                        <td>发动机</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>变速箱</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>传动系统</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>悬挂系统</td>
                                        <td><i></i></td>
                                    </tr>
                                    </tbody>
                                </table>

                            </div>
                            <div class="top_b line_hei fl">
                                <table width="410" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="410" colspan="2">加速</th>
                                    </tr>
                                    <tr class="tr">
                                        <th width="310">检查项</th>
                                        <th width="100">结果</th>
                                    </tr>
                                    <tr>
                                        <td>发动机</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>变速箱</td>
                                        <td><i></i></td>
                                    </tr>
                                    <tr>
                                        <td>传动系统</td>
                                        <td><i></i></td>
                                    </tr>
                                    </tbody>
                                </table>

                            </div>
                        </div>
                    </div>
                    <div class="hr_5 top_parameter_a" id="parameter"></div>
                    <div class="details_content_report">
                        <div class="report_h2"><h2><a name="parameter">配置参数</a></h2></div>
                    </div>
                    <div class="details_content_report1">
                        <div class="report1_top over_hidden">
                            <div class="top_a line_hei fl">
                                <table width="350" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="350" colspan="2">基本参数</th>
                                    </tr>
                                    <tr>
                                        <td>厂商</td>
                                        <td>上海通用</td>
                                    </tr>
                                    <tr>
                                        <td>级别</td>
                                        <td>SUV</td>
                                    </tr>
                                    <tr>
                                        <td>发动机</td>
                                        <td>1.4T 140马力 L4</td>
                                    </tr>
                                    <tr>
                                        <td>变速箱</td>
                                        <td>6档手自一体变速器</td>
                                    </tr>
                                    <tr>
                                        <td>车身结构</td>
                                        <td>五门5座SUV</td>
                                    </tr>
                                    <tr>
                                        <td>长*宽*高(mm)</td>
                                        <td>4278/1774/1646</td>
                                    </tr>
                                    <tr>
                                        <td>轴距(mm)</td>
                                        <td>2555</td>
                                    </tr>
                                    <tr>
                                        <td>行李箱容积(L)</td>
                                        <td>356-1372</td>
                                    </tr>
                                    <tr>
                                        <td>整备质量(kg)</td>
                                        <td>1420</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="top_b line_hei fl">
                                <table width="400" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="400" colspan="2">发动机参数</th>
                                    </tr>
                                    <tr>
                                        <td>排量(L)</td>
                                        <td>1.4</td>
                                    </tr>
                                    <tr>
                                        <td>进气形式</td>
                                        <td>涡轮增压</td>
                                    </tr>
                                    <tr>
                                        <td>气缸</td>
                                        <td>L4</td>
                                    </tr>
                                    <tr>
                                        <td>最大马力(Ps)</td>
                                        <td>140</td>
                                    </tr>
                                    <tr>
                                        <td>最大扭矩(N*m)</td>
                                        <td>200</td>
                                    </tr>
                                    <tr>
                                        <td>燃料类型</td>
                                        <td>汽油</td>
                                    </tr>
                                    <tr>
                                        <td>燃油标号</td>
                                        <td>93#</td>
                                    </tr>
                                    <tr>
                                        <td>供油方式</td>
                                        <td>多点电喷</td>
                                    </tr>
                                    <tr>
                                        <td>排放标准</td>
                                        <td>国四</td>
                                    </tr>
                                    </tbody>
                                </table>

                            </div>
                            <div class="top_b line_hei fl">
                                <table width="410" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="410" colspan="2">底盘及制动</th>
                                    </tr>
                                    <tr>
                                        <td>驱动方式</td>
                                        <td>前轮驱动</td>
                                    </tr>
                                    <tr>
                                        <td>助力类型</td>
                                        <td>电动助力</td>
                                    </tr>
                                    <tr>
                                        <td>前悬挂类型</td>
                                        <td>麦弗逊式独立悬架</td>
                                    </tr>
                                    <tr>
                                        <td>后悬挂类型</td>
                                        <td>复合扭力梁式后悬架</td>
                                    </tr>
                                    <tr>
                                        <td>前制动类型</td>
                                        <td>通风盘式</td>
                                    </tr>
                                    <tr>
                                        <td>后制动类型</td>
                                        <td>盘式</td>
                                    </tr>
                                    <tr>
                                        <td>驻车制动类型</td>
                                        <td>-</td>
                                    </tr>
                                    <tr>
                                        <td>前轮胎规格</td>
                                        <td>215/55 R18</td>
                                    </tr>
                                    <tr>
                                        <td>后轮胎规格</td>
                                        <td>215/55 R18</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="hr_5"></div>
                    <div class="details_content_report1">
                        <div class="report1_top over_hidden">
                            <div class="top_a line_hei fl">
                                <table width="350" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="350" colspan="2">安全配置</th>
                                    </tr>
                                    <tr>
                                        <td>主副驾驶安全气囊</td>
                                        <td>标配/标配</td>
                                    </tr>
                                    <tr>
                                        <td>前后排侧气囊</td>
                                        <td>标配/无</td>
                                    </tr>
                                    <tr>
                                        <td>前后排头部气囊</td>
                                        <td>无/无</td>
                                    </tr>
                                    <tr>
                                        <td>胎压监测</td>
                                        <td>无</td>
                                    </tr>
                                    <tr>
                                        <td>车内中控锁</td>
                                        <td>标配</td>
                                    </tr>
                                    <tr>
                                        <td>儿童座椅接口</td>
                                        <td>标配</td>
                                    </tr>
                                    <tr>
                                        <td>无钥匙启动</td>
                                        <td>无</td>
                                    </tr>
                                    <tr>
                                        <td>防抱死系统(ABS)</td>
                                        <td>标配</td>
                                    </tr>
                                    <tr>
                                        <td>车身稳定控制(ESP)</td>
                                        <td>标配</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="top_b line_hei fl">
                                <table width="400" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="400" colspan="2">外部配置</th>
                                    </tr>
                                    <tr>
                                        <td>电动天窗</td>
                                        <td>标配</td>
                                    </tr>
                                    <tr>
                                        <td>全景天窗</td>
                                        <td>无</td>
                                    </tr>
                                    <tr>
                                        <td>氙气大灯</td>
                                        <td>无</td>
                                    </tr>
                                    <tr>
                                        <td>LED大灯</td>
                                        <td>无</td>
                                    </tr>
                                    <tr>
                                        <td>自动头灯</td>
                                        <td>无</td>
                                    </tr>
                                    <tr>
                                        <td>前雾灯</td>
                                        <td>标配</td>
                                    </tr>
                                    <tr>
                                        <td>前/后电动车窗</td>
                                        <td>标配/标配</td>
                                    </tr>
                                    <tr>
                                        <td>后视镜电动调节</td>
                                        <td>标配</td>
                                    </tr>
                                    <tr>
                                        <td>后视镜加热</td>
                                        <td>无</td>
                                    </tr>
                                    </tbody>
                                </table>

                            </div>
                            <div class="top_b line_hei fl">
                                <table width="410" class="tableType">
                                    <tbody>
                                    <tr class="tr">
                                        <th width="410" colspan="2">内部配置</th>
                                    </tr>
                                    <tr>
                                        <td>真皮座椅</td>
                                        <td>无</td>
                                    </tr>
                                    <tr>
                                        <td>座椅加热</td>
                                        <td>无</td>
                                    </tr>
                                    <tr>
                                        <td>座椅通风</td>
                                        <td>无</td>
                                    </tr>
                                    <tr>
                                        <td>多功能方向盘</td>
                                        <td>无</td>
                                    </tr>
                                    <tr>
                                        <td>定速巡航</td>
                                        <td>无</td>
                                    </tr>
                                    <tr>
                                        <td>GPS导航</td>
                                        <td>加装</td>
                                    </tr>
                                    <tr>
                                        <td>倒车雷达</td>
                                        <td>无</td>
                                    </tr>
                                    <tr>
                                        <td>倒车影像系统</td>
                                        <td>加装</td>
                                    </tr>
                                    <tr>
                                        <td>空调控制方式</td>
                                        <td>手动</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                    <div class="hr_5"></div>
                    <div class="details_content_report">
                        <div class="report_h2"><h2>西瓜店推荐</h2></div>
                    </div>
                    <div class="buy_content_li_list over_hidden clearfix">

                        <div class="buy_content_con_margin_l"><!--只用来向右移动的，这样才不会有一个因为父级宽度不够出现在下方-->
                            <div class="buy_content_con_c'+i+' buy_content_con_c details_buy_li width_h_292_276 over_hidden fl">
                                <!--只用来设置内边距--><!--用来设置外右边距-->
                                <div class="buy_content_con_cc width_h_292_276">
                                    <div class="buy_content_con_pic width_h_292_186">
                                        <img src="images/112.png" width="292" height="186"/>
                                    </div>
                                    <div class="buy_content_con_txt width_h_292_90">
                                        <p class="p1">
                                            <a title="现代瑞纳2014款 1.4 自动 GLS 智能型" href="#">现代瑞纳2014款 1.4 自动 GLS 智能型</a>
                                        </p>
                                        <p class="p2">
                                            <span class="">2015年1月上牌</span><em class="shuxian">|</em>行驶1.9万公里
                                        </p>
                                        <p class="p3">
                                            <span><i class="fc-org priType">6.60万</i></span><s>9.40万</s>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>


                    <!--<div class="hr_10"></div>-->


                </div>


            </div>


            <div class="hr_8"></div>
        </myframe>
    </div>
</div>


<script>
    var u = window.location.search
    var p = u.split("=")[1];


    var v = new Vue({
        el: "#app",
        data: {
            det: [],
            user: [],
            isShowCommentBox: false, // 是否显示评论框
            commentText: '', // 评论框输入的文本
            message: [],
        },
        created() {
            this.getLoginedUser();
            this.queryDet();
            this.queryliuyan();
        },
        methods: {
            getLoginedUser() {
                axios.get("/esc-user/getLoginedUser").then(res => {
                    if (res.data.code) {
                        this.user = res.data.data;
                        console.info(this.user)
                    }
                    if (res.data.data.image == null) {
                        res.data.data.image = "images/moren.png"
                    } else {
                        res.data.data.image = "/esc-user" + res.data.data.image;
                    }
                })
            },
            queryDet() {
                axios.get("/esc-order/esc/carMessage/queryDet?carId=" + p).then(res => {
                    this.det = res.data;
                    var reg = /upload/
                    if (this.det.image.match(reg)){
                        this.det.image = "/esc-user" + this.det.image;
                    }

                    console.info(this.det)
                })
            },
            showCommentBox() {
                this.isShowCommentBox = !this.isShowCommentBox
            },
            submitComment() {
                var p = new URLSearchParams();
                p.append("carId", this.det.carId);
                p.append("content", this.commentText);
                p.append("uid", this.user.uid);
                axios.post("/esc-order/esc/message/liuyan", p).then(res => {
                    if (res.data.code) {
                        this.commentText='';
                        this.queryliuyan();
                    }
                })
            },
            queryliuyan() {
                axios.get("/esc-order/esc/message/queryliuyan?carId=" + p).then(res => {
                    this.message = res.data.data;
                    console.info(this.message)
                    for (let i = 0; i < this.message.length; i++) {
                        if (res.data.data[i].user.image) {
                            res.data.data[i].user.image = "/esc-user" + res.data.data[i].user.image;
                        } else {
                            res.data.data[i].user.image = "images/moren.png"
                        }
                    }
                })
            },
            shanchu(i){
                axios.get("/esc-order/esc/message/delliuyan?mid=" + this.message[i].mid).then(res=>{
                    this.queryliuyan();
                })
            },
            jiarugouwuche() {
                var p = new URLSearchParams();
                p.append("uid", this.user.uid);
                p.append("carId", this.det.carId);
                p.append("oldPrice", this.det.oldPrice);
                axios.post("/esc-order/esc/order/jiarugouwuche", p).then(res=>{

                })
            },

            shoucang(){
                var p = new URLSearchParams();
                p.append("uid", this.user.uid);
                p.append("carId", this.det.carId);
                axios.post("/esc-order/esc/collection/insertSc", p).then(res=>{

                })
            },
            paycar(){
                location.href="pay.html?carId=" + this.det.carId
            },
            op(i) {
                this.$confirm('是否要将该留言从列表中删除, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    this.$message({
                        type: 'success',
                        message: '删除成功!'
                    });
                    this.shanchu(i)
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消删除'
                    });
                });
            },
            op1() {
                this.$confirm('是否要将该车辆添加入购物车, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    this.$message({
                        type: 'success',
                        message: '添加成功!'
                    });
                    this.jiarugouwuche()
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消添加'
                    });
                });
            },
            op2() {
                this.$confirm('是否要将该车辆添加入收藏, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    this.$message({
                        type: 'success',
                        message: '收藏成功!'
                    });
                    this.shoucang()
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消收藏'
                    });
                });
            }
        }
    })
</script>
</body>
</html>